	.form-wrapper .button-wrapper {
				padding: 20px 0px;
				border-top: 1px solid #EEEEEE;
			}

			.form-wrapper .button-wrapper .yzButton {
				width: 90px;
				height: 40px;
				background: #FFFFFF;
				border: 1px solid #EEEEEE;
				border-radius: 4px;
				margin-right: 20px;
				color: #999999;
			}

			.form-wrapper .button-wrapper .yzButton.active {
				border: 1px solid #6462F3;
				color: #6462F3;

			}


			.form-wrapper .button-wrapper .yzButton.newServer {
				background: #8987FF;
				color: #FFFFFF;
				cursor: default;
				opacity: 0.8;
			}

			.form-wrapper .button-wrapper .yzButton.newServer.active {
				background: #6462F3;
				color: #FFFFFF;
				cursor: pointer;
				opacity: 1;

			}


			


			.form-wrapper .el-select .el-input .el-select__caret {
				font-size: 16px;
			}

			.el-table .ServerId {
				font-size: 12px;
				color: #6462F3;
			}

			.el-table .icon {
				margin-left: 10px;
			}

			.popover-title {
				font-weight: bold;
				font-size: 14px;
			}

			.el-form .el-input .el-input__inner {
				height: 28px;
				line-height: 28px;
				color: #333;
			}

			.el-form-item__content {
				display: flex;
				justify-content: flex-end;
			}

			.el-button {
				padding: 10px 20px;
			}

			.el-table .opearButton {
				color: #999;
			}

			.el-table .opearButton.active {
				cursor: pointer;
				color: #6462F3;
			}

			.el-table__body tr.current-row>td {
				background: #EFEFFD !important;
			}

			.el-select-dropdown__item.noClick.hover,
			.el-select-dropdown__item.noClick {
				background: none !important;
				color: #999999;
				cursor: default;
			}
			
			.yz-el-dialog  .renewButton {
				/* padding: 11px  20px; */
				display: flex;
				align-items: center;
				justify-content: center;
				width: 76px;
				height: 36px;
				box-sizing: border-box;
				color: #333;
				position: relative;
			}
			
			.yz-el-dialog  .renewButton.active {
				border: 1px solid #6462F3;
				color: #6462F3;

			}
			.yz-tooltip {
				    position: absolute;
				    left: -10px;
				    top: -44px;
				    padding: 8px 14px;
				    font-size: 12px;
			}
			.yz-tooltip::before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: -15px;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: #ffe5e7 transparent transparent transparent;
	z-index: 10;
}

		.yz-tooltip::after {
			content: '';
			    position: absolute;
			    left: 20px;
			    bottom: -15px;
			    width: 0;
			    height: 0;
			    border: 8px solid;
			    border-color: red transparent transparent transparent;
		}

			
			.yz-el-dialog .yz-tooltip.saletooltip {
				display: none;
				border:1px solid  #FF8F9A;
				background-color: #ffe5e7;
				color: #F21C30;
				white-space: nowrap;
				border-radius: 4px;
				
			}
			.yz-el-dialog  .renewButton:hover  .yz-tooltip.saletooltip {
				display:block;
			}
			
			.yz-el-dialog  .renewButton img{
				width: 21px;
				margin-right: 3px;
				
			}
			.renewTime-wrapper {
				padding-bottom: 20px;
				border-bottom: 1px solid #EEEEEE;
				margin-bottom: 50px;
			}
			.autoRenew-wrapper .autoRenewInfo  {
				align-items: center;
				margin-top: 20px;
			}
			.autoRenew-wrapper .autoRenewInfo .title {
				margin-right: 17px;
			}
			

			.el-table th,
			.el-table tr {
				border-top: 1px solid #ebeef5;
			}
			.form-wrapper .from-title .icon{
				margin-right: 7px;
			}
			
			.table-wrapper {
				min-height: 100%;
				box-sizing: border-box;
			}
			
			.table-content-wrapper {
				min-height: 100%;
				background: #F8F8FF;
				padding: 10px 20px 0px;
				box-sizing: border-box;
			}
			
				
